<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>twohome.net</title>
<link rel="stylesheet" type="text/css" href="/theme/default/imgareaselect-default.css" />
<script type="text/javascript" src='/public/js/lib/jquery-1.7.1.js'></script>
<script type="text/javascript" src="/public/js/jquery.imgareaselect.pack.js"></script>
<link href="/theme/default/style.css" rel="stylesheet" type="text/css" />
<link href="/theme/default/images/favicon.ico" rel="shortcut icon" type="image/x-icon">

<!--[if IE 6]>
<script type="text/javascript">window.location.href = "./kill-ie6.html";</script>
<![endif]-->

</head>
<body class="bodystyle">
<div id="outline">
    <div class="top-outline">
      <div class="top-outline">
      <div class="outline920">
      <div class="div-move-left">
        <a href="http://www.twohome.net/"><img src="/public/images/top-logo.png" name="2号公寓" width="101" height="35" id="top-outline-weblogo" title="2号公寓" /></a>        
      </div><!--div-move-left-->
      <div class="div-move-right">
      
      <div id="Search">
      <form action="http://twohome.net/search/" method="get" class="text">
      <input type="text" id="query" name="q" size="27" value="查找有趣的人" class="ui-autocomplete-input" autocomplete="off" role="textbox" aria-autocomplete="list" aria-haspopup="true">
      <a id="query_button" href="http://twohome.net/#" class="lg"><img src="/public/images/search.gif" alt=""></a>
      </form>
      </div>      
      
      
        <div id="top-outline-buttom">
        <a href="？？？"><span class="top-outline-buttom"><img src="/public/images/mail3.png" name="信息" title="信息"/></span></a> 
        <a href="？？？"><span class="top-outline-buttom"><img src="/public/images/setting3.png" name="设置" title="设置"/></span></a>   
        <a href="login.html"><span class="top-outline-buttom"><img src="/public/images/logoout3.png" name="退出"title="退出"/></span></a>
        </div><!--top-outline-buttom-->
      </div><!--div-move-right-->
      <div class="clear"></div><!--清除左右-->
    </div><!--outline920 top-->
  </div><!--outline920 top-->
  </div><!--top-outline-->
  
  
  <div class="outline920">
  <div class="regmore-outline">
  <form method="post" action="fieldset.html">
  <fieldset>
    <legend><div class="regmore-title">详细资料</div></legend>
    <div class="regmore-detail">
    
    <div class="regmore-item"><input type="text" name="fullname" id="fullname" class="txt" /><span class="regmore-name">真实姓名：</span><div class="clear"></div></div>     
      
    <div class="regmore-item"><input type="text" name="birthday" id="birthday" class="txt" /><span class="regmore-name">出生年月：</span><div class="clear"></div></div>     
      
    <div class="regmore-item"><input type="text" name="relationship" id="relationship" class="txt" /><span class="regmore-name">感情状态：</span><div class="clear"></div></div>     
      
    <div class="regmore-item"><input type="text" name="location" id="location" class="txt" /><span class="regmore-name">所在地：</span><div class="clear"></div></div>     
      
    <div class="regmore-item"><input type="text" name="school" id="school" class="txt" /><span class="regmore-name">学校：</span><div class="clear"></div></div>     
      
    <div class="regmore-item"><input type="text" name="collage" id="collage" class="txt" /><span class="regmore-name">院系：</span><div class="clear"></div></div>     
      
    <div class="regmore-item"><input type="text" name="class" id="class" class="txt" /><span class="regmore-name">班级：</span><div class="clear"></div></div>  
       
    <div class="regmore-item"><input type="text" name="schooltime" id="schooltime" class="txt" /><span class="regmore-name">入学时间：</span><div class="clear"></div></div>     
       
    <div class="regmore-item"><input type="text" name="aboutme" id="aboutme" class="txt" /><span class="regmore-name">个人说明：</span><div class="clear"></div></div>     
           
	</div>
    
    <div class="regmore-avatar"><img id='userAvatar' src='/data/avatar/10004/260-x.jpg' style='height:100%;float:left'/>
    </div>
	<div class="clear"></div>
  </fieldset>

  <input type="submit" id="regmore-submit" class="login-input-button2" value="提交">

</form>
  </div><!--regmore-outline-->
  </div><!--outline920-->
  
  
  <div class="outline920" style="margin-top:100px">
      <div class="abouts">
      <div class="abouts2">
      <div class="bottom-linkdiv"><a href="./aboutwohome.html"><span class="bottom-link">关于2号公寓</span></a></div>
      <div class="bottom-linkdiv"><a href="http://www.twohome.net/10000"><span class="bottom-link">团队主页</span></a></div>
      <div class="bottom-linkdiv"><a href="http://weibo.com/2ndhome/"><span class="bottom-link">官方微博</span></a></div>
      <div class="bottom-linkdiv"><a href="./contact.html"><span class="bottom-link">联系我们</span></a></div>
      <div class="bottom-linkdiv"><a href="./help.html"><span class="bottom-link">帮助</span></a></div>
<div class="clear"></div><!--清除左右-->
	</div>
    
    
      <div class="abouts1">
      <div class="bottom-linkdiv"><span class="bottom-link">Copyright© 2011-2012</span></div>
      <div class="bottom-linkdiv"><a href="http://www.miibeian.gov.cn"><span class="bottom-link"> 陕ICP备05000000号</span></a></div>
      <div class="bottom-linkdiv"><a href="http://www.twohome.net"><span class="bottom-link">TwoHome.Net</span><span class="bottom-link"> All rights reserved.</span></a></div>
      
<div class="clear"></div><!--清除左右-->

      </div>

    </div>
  </div><!--outline920 buttom-->
<script type="text/javascript">
function preview(img, selection){ 
	    var scaleX = 100 / (selection.width || 1); 
	    var scaleY = 100 / (selection.height || 1); 
    	
	    $('#view').css({
	    width: Math.round(scaleX * 229) + 'px', 
	    height: Math.round(scaleY * 351) + 'px', 
	    marginLeft: '-' + Math.round(scaleX * selection.x1) + 'px', 
	    marginTop: '-' + Math.round(scaleY * selection.y1) + 'px' 
	    }); 
    }
$(document).ready(function(){

	$('<div><img id="view" src="/public/images/IMG_2241.jpg" style="position: relative;" /></div>') 
	    .css({ 
	    float: 'left', 
	    position: 'relative', 
	    overflow: 'hidden', 
	    width: '100px', 
	    height: '100px' 
	    }) 
	    .insertAfter('#userAvatar'); 
	$('img#userAvatar').imgAreaSelect({
			aspectRatio: "1:1",
		    fadeSpeed: 20,
		    resizable:true,
		    autoHide: false,
		    key:true,
		    onSelectChange: preview ,
		    x1:30,
		    y1:30,
		    x2:220,
		    y2:220,
	});
});
</script>
</body>
</html>